<style>
  .card{
    margin: 12px 0;
    text-align: left;
  }
  .card-section{
    text-align: left;
  }
</style>
<template>
  <div>
    <Card :bordered="false" class="card" dis-hover>
      <section slot="title" class="card-section">
        <span slot="prepend">
           <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3448484253,3685836170&fm=27&gp=0.jpg" alt="" style="width: 24px;height: 24px;line-height: 24px;border-radius: 12px;">
        </span>
        <span style="color:#ef4868;margin-left: 3px;">
         EvelynHU
        </span>
        <!--<span style="font-size: 10px;color:darkgrey;">04-29 09:45</span>-->
      </section>
      <div style="text-align: center;">
        <h3>写文章</h3>
        <Card>
          <Input placeholder="添加标题" type="textarea"></Input>
        </Card>
      </div>
      <div style="margin-top: 10px;text-align: center;">
        <ueditor :config="ueditorConfig" :value="value"></ueditor>
      </div>
      <Card dis-hover>
        <i-button type="primary">发表</i-button>
        <i-button>取消</i-button>
      </Card>
    </Card>
  </div>
</template>

<script>
  import ueditor from '../ueditor/ueditor'
  export default {
    components:{
      ueditor
    },
    data () {
      return {
        value:'',
        ueditorConfig: {
          elementPathEnabled:false,
          toolbars: [
            [
              // 'anchor', //锚点
              'undo', //撤销
              'redo', //重做
              'bold', //加粗
              'indent', //首行缩进
              // 'snapscreen', //截图
              'italic', //斜体
              'underline', //下划线
              'strikethrough', //删除线
              'subscript', //下标
              // 'fontborder', //字符边框
              'superscript', //上标
              'formatmatch', //格式刷
              // 'source', //源代码
              // 'blockquote', //引用
              'pasteplain', //纯文本粘贴模式
              'selectall', //全选
              // 'print', //打印
              'preview', //预览
              'horizontal', //分隔线
              'removeformat', //清除格式
              'time', //时间
              'date', //日期
              // 'unlink', //取消链接
              'insertrow', //前插入行
              'insertcol', //前插入列
              'mergeright', //右合并单元格
              'mergedown', //下合并单元格
              'deleterow', //删除行
              'deletecol', //删除列
              // 'splittorows', //拆分成行
              // 'splittocols', //拆分成列
              // 'splittocells', //完全拆分单元格
              'deletecaption', //删除表格标题
              'inserttitle', //插入标题
              'mergecells', //合并多个单元格
              'deletetable', //删除表格
              'cleardoc', //清空文档
              'insertparagraphbeforetable', //"表格前插入行"
              // 'insertcode', //代码语言
              'fontfamily', //字体
              'fontsize', //字号
              'paragraph', //段落格式
              'simpleupload', //单图上传
              // 'insertimage', //多图上传
              'edittable', //表格属性
              'edittd', //单元格属性
              'link', //超链接
              'emotion', //表情
              'spechars', //特殊字符
              // 'searchreplace', //查询替换
              // 'map', //Baidu地图
              // 'gmap', //Google地图
              // 'insertvideo', //视频
              // 'help', //帮助
              'justifyleft', //居左对齐
              'justifyright', //居右对齐
              'justifycenter', //居中对齐
              'justifyjustify', //两端对齐
              'forecolor', //字体颜色
              'backcolor', //背景色
              'insertorderedlist', //有序列表
              'insertunorderedlist', //无序列表
              // 'fullscreen', //全屏
              // 'directionalityltr', //从左向右输入
              // 'directionalityrtl', //从右向左输入
              'rowspacingtop', //段前距
              'rowspacingbottom', //段后距
              'pagebreak', //分页
              // 'insertframe', //插入Iframe
              // 'imagenone', //默认
              // 'imageleft', //左浮动
              // 'imageright', //右浮动
              // 'attachment', //附件
              'imagecenter', //居中
              'wordimage', //图片转存
              'lineheight', //行间距
              'edittip ', //编辑提示
              'customstyle', //自定义标题
              'autotypeset', //自动排版
              // 'webapp', //百度应用
              'touppercase', //字母大写
              'tolowercase', //字母小写
              // 'background', //背景
              // 'template', //模板
              // 'scrawl', //涂鸦
              // 'music', //音乐
              'inserttable', //插入表格
              // 'drafts', // 从草稿箱加载
              // 'charts', // 图表
            ]
          ]
        }
      };
    },
    methods: {
      init () {

      }
    },
    mounted () {
      this.init();
    }
  };
</script>
